Milonic DHTML/JavaScript Menu Sample Page

Editing the menu

To edit the menu, open the file menu_data.js in a text editor and edit the details inside the aI() text strings
To add more menu items, just create another aI() string on a new line and enter your properties
add a showmenu=MENUNAME; property if you want this menu to open a sub menu
To Add more menus, copy another menu and paste it inside your data file. A menu starts: with(milonic=new menuname("MENUNAME")){ and ends: }
Any problems, visit http://www.milonic.com/forum. Beginners guide is at http://www.milonic.com/beginner.php

To get the menu onto your website, insert the following HTML into each page using the menu:

<noscript><a href="http://www.milonic.com/">DHTML Menu By Milonic JavaScript</a></noscript>			
<script type="text/javascript" src="milonic_src.js"></script> 
<script type="text/javascript" src="mmenudom.js"></script> 
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="menu_data.js"></script>

Links to other menu demos are:

Please note that users of Microsoft Windows XP with Service Pack 2 will need to unblock this page in order to see the menu. The reason for this is due to the fact that the menu has been written in JavaScript. This feature is considered unsafe when used locally and Service Pack 2 now blocks this by default for your safety. This only happens when you run the menu on a local machine, live use on the Internet will not be affected. Milonic Solutions Ltd assure you that there is absolutely no danger of allowing content from the DHTML Menu provided it has been downloaded from www.milonic.com

For instructions on removing the forced popup message, please visit http://www.milonic.com/removelink.php

For information on menu properties, please see http://www.milonic.com/menuproperties.php
For information on menu item properties, please see http://www.milonic.com/itemproperties.php
For information on style properties, please see http://www.milonic.com/styleproperties.php

Installation instructions - install.html
How to build menus - howtobuild.html
Read Me - readme.html
License Details - license.html

Milonic

Partners

Links

My Milonic

Using The Popup Menu Function Positioned by Images

The sample demonstrates how to set a sub menus position based on the relative location of an image or other HTML object using the popup function.

The above menu uses a series of href text links that have an image included in the page's HTML next to them, this image is then used to determine the precise location of where the menu should appear. The popup function then uses the left position of the image for the left position of the menu, and the top position of the image plus the image height for the top position of the menu.

The code we use for this is standard HTML and is as follows:

<img src="transparent.gif" border="1" name="milonicmenu" id="milonicmenu">
<a href=# onmouseover="popup('milonic','milonicmenu')" onmouseout="popdown()"><font size="3" color="green">Milonic</font></a>

The image in this sample has its border set to 1, this shows you where the 1 pixel transparent image is. This would normally be invisible. Also, the following image: Has been positioned inside text that will move based on browser position. if you change the size of your browser, the text will wrap and move the image in relation to this but the menu will always appear based on the location of the image, try it and see. Also, see this image:

Note that offsets can be applied to top and left properties to fine tune the position of submenus opened with the popup("menuname",imageid) command.

Don't forget that there are no limits to the number of submenus a menu can contain, you will of course only be restricted by the physical screen space.

Dynamic Downloads are possible for the Agriculture demo
The code for this menu sample will be generated on the fly and compiled into a .ZIP file format for downloading onto your own machine.

Click here to download this sample

Note that you need to logged in to download the menus and the download delivered will depend on your current license status.